<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页精选</title>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		<script src="../js/elementui.js"></script>
		<script src="../js/jquery3.5.1.js"></script>
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/gun.css" />
		<link rel="stylesheet" href="../css/choiceness.css" />
		<script src="../layui/layui.js"></script>
		<link rel="stylesheet" href="../layui/css/layui.css">
	</head>
	<body>
		<div id="app">
			<div id="box">
				<div id="sort">
					<ul class="sort_ul">
						<li class="sort_li"><span style="color: white;border-bottom:#FF1493 3px solid ;" class="changen">全部</span></li>
						<li class="sort_li"><span class="changen">生活</span></li>
						<li class="sort_li"><span class="changen">美食</span></li>
						<li class="sort_li"><span class="changen">音乐</span></li>
						<li class="sort_li"><span class="changen">游戏</span></li>
						<li class="sort_li"><span class="changen">剪辑</span></li>
						<li class="sort_li"><span class="changen">学习</span></li>
					</ul>
				</div>
				<div id="main">
					<div class="main_div">
						<div class="image-container">
						<img class="mianimg" src="../img/父子母女.jpg"/>
						</div>
						<div class="liketime">
							<div class="like">
								<i class="layui-icon layui-icon-heart" style="font-size: 14px; color: white;"></i>21万
							</div>
							<div class="time">2:30</div>
						</div>
						<div class="tilie">人间白首，如果是这样，有些事情是不是还不如不见呢？
						<div class="author"><span>@不想说你</span>&nbsp;·&nbsp;12小时前</div>
						</div>
					</div>
					<div class="main_div">
						<div class="image-container">
						<img class="mianimg" src="../img/临摹练习.png"/>
						</div>
						<div class="liketime">
							<div class="like">
								<i class="layui-icon layui-icon-heart" style="font-size: 14px; color: white;"></i>1314
							</div>
							<div class="time">1:30</div>
						</div>
						<div class="tilie">最新的绘画教程，快来看 #教程 #绘画
						<div class="author"><span>@不想说你</span>&nbsp;·&nbsp;12小时前</div>
						</div>
					</div>
					<template v-for="num in num">
						<div class="main_div">
							<div class="image-container">
							<img class="mianimg" src="../img/婊子姐妹.jpeg"/>
							</div>
							<div class="liketime">
								<div class="like">
									<i class="layui-icon layui-icon-heart" style="font-size: 14px; color: white;"></i>1.{{num}}万
								</div>
								<div class="time">3:30</div>
							</div>
							<div class="tilie">#吊带袜天使 更新了！素来看第{{num}}集
							<div class="author"><span>@不想说你</span>&nbsp;·&nbsp;{{num}}小时前</div>
							</div>
						</div>
					</template>
				</div>
			</div>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				num:12
			},methods:{
				
			}
		})
	</script>
	<script type="text/javascript" src="../js/choiceness.js"></script>
</html>
